<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/day6.css">
</head>
<body>
    <div class="head">
        <div><img src="./images/img3.jpg" >
            <li></li>
            <li></li>
            <li></li>
        </div>
        <div>
            <img src="./images/banner1_bg.jpg" >
            <div class="nr">
                <h2>24/7 Client Support</h2>
                <p>This is one of free web
                    site templates created by
                    TemplateMonster.com
                    team. This website
                    template is optimized for
                    1024X768 screen res.</p>
                    <button>READ MORE</button>
            </div>
        </div>
        <div><img src="./images/banner2_bg.jpg" >
            <div class="nr">
                <h2>24/7 Client Support</h2>
                <p>This is one of free web
                    site templates created by
                    TemplateMonster.com
                    team. This website
                    template is optimized for
                    1024X768 screen res.</p>
                    <button>READ MORE</button>
            </div>
        </div>
        <div><img src="./images/banner3_bg.jpg" >
            <div class="nr">
                <h2>24/7 Client Support</h2>
                <p>This is one of free web
                    site templates created by
                    TemplateMonster.com
                    team. This website
                    template is optimized for
                    1024X768 screen res.</p>
                    <button>READ MORE</button>
            </div>
        </div>
    </div>
    <div class="title1">
        <h1>Latest News & Events</h1>
    </div>
    <div class="content">
        <div>
            <img src="./images/page1_img1.jpg" alt="">
            <p><span>Sed ut perspiciatis unde omnis iste natus</span><br>
                aperiam, eaque ipsa quae ab ilo inventore veritatis et quasi
                architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam
                voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed
                quia consequuntur magni dolores.
            </p>
        </div>
        <div>
            <img src="./images/page1_img2.jpg" alt="">
            <p><span>Sed ut perspiciatis unde omnis iste natus</span><br>
                aperiam, eaque ipsa quae ab ilo inventore veritatis et quasi
                architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam
                voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed
                quia consequuntur magni dolores.
            </p>
        </div>
    </div>
    <div class="title2">
        <h1>Our Services</h1>
    </div>
    <div class="first_end">
        <div>
            <img src="./images/page2_img1.png" alt="">
            <p>
                <span>MANAGEMENT</span><br>
                Nemo enim ipsam volup
                tate vuoluptas aspernatur
                aut odit aut fugit, sed
                quia consequuntur magni
            </p>
        </div>
        <div>
            <img src="./images/page2_img3.png" alt="">
            <p>
                <span>MANAGEMENT</span><br>
                Nemo enim ipsam volup
                tate vuoluptas aspernatur
                aut odit aut fugit, sed
                quia consequuntur magni
            </p>
        </div>
    </div>
   <div class="nav">
        <img src="./images/footer_logo.jpg" alt="">
        <span>BUSINESS COMPANY</span>
        <div class="icon">
            <img src="./images/icon_1.png" alt="">
            <img src="./images/icon_2.png" alt="">
            <img src="./images/icon_3.png" alt="">
        </div>
    </div> 
    <div class="pro">
       <h2> Products</h2>
       <ul>
            <li>HOME</li>
            <li>NEWS</li>
            <li>SERVICES</li>
            <li>PRODUCTS</li>
            <li>FAQ</li>
            <li>CONTACTS</li>
        </ul>
    </div>
    <div class="content_gird">
        <div>
            <div >
                <img src="./images/page3_img1.jpg" alt="">
                <p>
                    <span>PRODUCT #1</span><br>
                    Namhy libero temporem
                    soluta nobis.
                </p>
            </div>
        </div>
        <div>
            <div >
                <img src="./images/page3_img2.jpg" alt="">
                <p>
                    <span>PRODUCT #2</span><br>
                    Namhy libero temporem
                    soluta nobis.
                </p>
            </div>
        </div>
        <div>
            <div >
                <img src="./images/page3_img3.jpg" alt="">
                <p>
                    <span>PRODUCT #3</span><br>
                    Namhy libero temporem
                    soluta nobis.
                </p>
            </div>
        </div>
        <div>
            <div >
                <img src="./images/page3_img4.jpg" alt="">
                <p>
                    <span>PRODUCT #4</span><br>
                    Namhy libero temporem
                    soluta nobis.
                </p>
            </div>
        </div>
        <div>
            <div >
                <img src="./images/page3_img5.jpg" alt="">
                <p>
                    <span>PRODUCT #5</span><br>
                    Namhy libero temporem
                    soluta nobis.
                </p>
                </div>
        </div>
        <div>
            <div >
                <img src="./images/page3_img6.jpg" alt="">
                <p>
                    <span>PRODUCT #6</span><br>
                    Namhy libero temporem
                    soluta nobis.
                </p>
            </div>
        </div>
    </div>
    <div class="title3">
        <h1>Frequently Asked Questions</h1>
    </div> 
    <div class="gird_nr">
        <p>
            <span>Lorem ipsum dolor sit amet, consectetur adipisicing elit</span><br>
            Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
            quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
            irure dolor in reprehenderit in voluptate velit esse cillum dolore.
        </p>
        <p>
            <span>Lorem ipsum dolor sit amet, consectetur adipisicing elit</span><br>
            Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
            quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
            irure dolor in reprehenderit in voluptate velit esse cillum dolore.
        </p>
        <p>
            <span>Lorem ipsum dolor sit amet, consectetur adipisicing elit</span><br>
            Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
            quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
            irure dolor in reprehenderit in voluptate velit esse cillum dolore.
        </p>
        <p>
            <span>Lorem ipsum dolor sit amet, consectetur adipisicing elit</span><br>
            Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
            quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
            irure dolor in reprehenderit in voluptate velit esse cillum dolore.
        </p>
    </div>
    <div class="title4">
        <h1>
            Contacts
        </h1>
    </div>
    <div class="footer">
        <div class="email">
            Your Name:  <input type="text"><br>
            Your E-mail:  <input type="text"><br>
            Your City: <input type="text"><br>
            Your Message:<input type="text">
           
        </div>
        <div class="email_right">
            <p>Country:  USA</p>
            <p>State: California</p>
            <p>City: San Diego</p>
            <p> Email: illy@mail.com</p>
            <p>
                <span style="font-weight: bold;">Miscellaneous Info:</span><br>
                At vero eos et accusoaus
                et iusto odio dignissimos
                ducimus qui blanditis
                praesentium voluptatum
                deleniti atque corrupti
                quos dolores.
            </p>
        </div>
    </div>
    <div class="nav">
        <img src="./images/footer_logo.jpg" alt="">
        <span>Website template designed by TemplateMonster com</span>
        
    </div> 
</body>
</html>